.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.header{
    width:100%;
    .px2rem(height, 100);
    background: #f8f8f8;
    border-bottom: 1px solid #cbcbcb;
    color:#222222;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    left:0;
    top:0;
    z-index: 99;
    .left{
        .px2rem(margin-left, 34);
    }
    .center{
        .px2rem(font-size, 38);
    }
    .right{
        .px2rem(font-size, 30);
        .px2rem(margin-right, 34);
    }
}
.main{
    width: 90%;
    margin-left:5%;
    .px2rem(margin-top, 100);
    .px2rem(margin-bottom, 224);
    .title{
        .px2rem(height, 80);
        .px2rem(line-height, 80);
        span{
            .px2rem(font-size, 36);
        }
    }
    .list{
        .px2rem(height, 260);
        border-bottom:1px solid #e8e8e8;
        .left{
            width:10%;
            .px2rem(height, 260);
            float: left;
            .check{
                .px2rem(width, 45);
                .px2rem(height, 45);
                .px2rem(margin-top, 100);
            }
        }
        .img2{
            .px2rem(width, 190);
            .px2rem(height, 190);
            .px2rem(margin-top, 30);
            padding:5px;
            border:1px solid #e8e8e8;
        }
        .right{
            width:58%;
            float: right;
            .p1{
                .px2rem(margin-top, 40);
                .px2rem(font-size, 32);
                .px2rem(line-height, 50);
            }
            .p2{
                color: red;
                .px2rem(font-size, 32);
                .px2rem(line-height, 50);
            }
            div{
                display: inline-block;
                .px2rem(width, 50);
                .px2rem(height, 50);
                .px2rem(line-height, 50);
                .px2rem(margin-right,-8);
                border:1px solid #ccc;
                text-align: center;
            }
        }
    }
}
.status{
    .px2rem(height, 112);
    width:100%;
    background: #ffffff;
    border-top:1px solid #cdcdcd;
    position: fixed;
    left:0;
    .px2rem(bottom, 112);
    .left{
        width:70%;
        float:left;
        .imgs{
            width: 10%;
            margin-left:7.5%;
            float: left;
            .check-box{
                .px2rem(width, 45);
                .px2rem(height, 45);
                .px2rem(margin-top, 30);
            }
        }
        .p1{
            .px2rem(font-size, 36);
            .px2rem(line-height, 70);
            span{
                color: red;
            }
        }
        .p2{
            color: #898989;
        }
    }
    .right{
        width:30%;
        .px2rem(height, 112);
        float: right;
        background: #ea4529;
        color: #ffffff;
        text-align: center;
        .px2rem(line-height, 112);
        .px2rem(font-size, 30);
    }
}
.footer{
    width:100%;
    .px2rem(height, 112);
    background: #ffffff;
    position: fixed;
    left:0;
    bottom: 0;
    z-index: 99;
    display: flex;
    border-top:1px solid #e8e8e8;
    .time{
        width:20%;
        text-align: center;
        .iconfont{
            .px2rem(font-size, 60); 
            color: #a49191;
            .px2rem(margin-top, 10);
        }
        dd{
            color: #9e9191;
            .px2rem(margin-top, 6);
        }
    }
    .dl{
        .px2rem(width, 94);
        .px2rem(height, 94);
        background: #2d8ff4;
        border-radius: 50%;
        .px2rem(margin-top, 10);
        .dt{
            .px2rem(padding-top, 10);
            color: #ffffff;
        }
    }
}